.content-box {
	.example {
		width: 100%;
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		.toolbar {
			display: flex;
			align-items: center;
			margin-bottom: 1rem;

			.state {
				margin-right: 2rem;
				padding: 2em;
				border: 1px solid #ccc;
			}
		}

		.content {
			display: flex;
			width: 100%;
			justify-content: center;
			margin-bottom: 20px;

			.code {
				overflow: scroll;
			}

			.code,
			.codemirror {
				:deep(.cm-editor) {
					width: 100%;
					min-height: 35vh;
					margin: 0 1rem;
					border: 1px solid #ddd;
				}
			}
		}
	}
}
